<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-startup-image" href="images/favicon.png" />
	<link rel="apple-touch-icon" href="images/favicon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/favicon.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/favicon.png" />
	<link rel="icon" href="/favicon.ico">
	
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
	<link rel="stylesheet" href="css/commuter.css" />
		
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
	<script type="text/javascript" src="http://www.datejs.com/build/date.js"></script>
	<script type="text/javascript" src="js/jquery.cookie.js"></script>
	
	<script type="text/javascript" src="js/commuter.js"></script>
	<script type="text/javascript" src="js/options.js"></script>
	<script type="text/javascript" src="js/nws.js"></script>
	<script type="text/javascript" src="js/sunriseset.js"></script>
	<script type="text/javascript" src="js/forecastio.js"></script>
	
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	
	  ga('create', 'UA-55871980-1', 'auto');
	  ga('send', 'pageview');
	
	</script>
</head>
<body>
<div data-role="page">
	<div data-role="header" data-position="fixed" data-theme="b">
		<a href="/" data-icon="refresh" class="ui-btn-left" data-iconpos="notext" data-ajax="false">Refresh</a>
		<h1 role="heading">Commuter Weather</h1>
		<a href="options.html" data-icon="gear" class="ui-btn-right" data-iconpos="notext" data-ajax="false">Options</a>
	</div>
	<div data-role="content">
        <div id="forecast">
        </div>
	</div>
	<div data-role="footer" data-theme="b" data-position="fixed" >
		<h6>Updated <span id="updated"></span> by <span id="dataSource"></span></h6>
	</div>
</div>
<div id="error" data-role="popup">
  <p>There was an error loading the data</p>
  <p><a href="#" onclick="location.reload(true)">Refresh</a></p>
</div>
</body>
</html>